@use './var.scss' as vars;

$light: (
  // 文字颜色
    color: vars.$color-text,
  // aside 背景
    aside-background-color: vars.$color-light-bg-1,
  //背景
    background-color: vars.$color-light-bg-3,
    background-color1: vars.$color-light-bg-1,
    background-color1-shallow: vars.$color-light-bg-1-shallow,
    background-color2: vars.$color-light-bg-2,
    background-color2-shallow: vars.$color-light-bg-2-shallow,
    background-color3: vars.$color-light-bg-3,
    background-color3-shallow: vars.$color-light-bg-3-shallow,
    background-color4: vars.$color-light-bg-4,
    background-color4-shallow: vars.$color-light-bg-4-shallow,
    background-color5: vars.$color-light-bg-5,
    background-color5-shallow: vars.$color-light-bg-5-shallow,
  // 毛玻璃背景
    filter-color: vars.$filter-color-login-light,
    filter-color-shallow: vars.$filter-color-login-light-shallow,
  //渐变背景
    background-image:
    linear-gradient(120deg, vars.$color-light-bg 0%, vars.$color-light-bg 100%),
  // 斑点背景
    background-point:
    (
      linear-gradient(vars.$color-light-bg-1 14px, transparent 0),
      linear-gradient(90deg, transparent 14px, vars.$color-dark-bg-5 0)
    ),
  // hover 边框颜色
    hover-border-color: vars.$color-light-bg-4,
    hover-border-color-shallow: vars.$color-light-bg-3,
    // 阴影
    box-shadow: 0 8px 10px #00000012
);
